@import "../../../../styles/_commonColor.scss";
.container {
  position:relative;
  .imgContainer {
    background-color: #636363;
    display:flex;
    align-items: center;
    justify-content: center;
    &:active{
      opacity: 0.5;
    }
    img{
      max-height: 100%;
      max-width: 100%;
      display: block;
      border:none;
    }

    img[src=""]{
      display: none;
      opacity: 0;
    }

    .hidden{
      opacity: 0;
      display: none;
    }
  }
  .uploadCompent {
    width: 0;
    height: 0;
    visibility: hidden;
  }
  .deleteIcon{
    position:absolute;
    right:-25px;
    top:-25px;
    width:80px;
    height:80px;
    border-radius: 50%;
    background-color: $white;
    display: flex;
    align-items: center;
    justify-content: center;
    box-shadow: 2px -1px 12px 0.1px #cccccc;
    &:active{
      opacity: 0.9;
    }
    &>div{
      width:48px;
      height:6px;
      border-radius: 30%;
      background-color: $warningRed;
    }
  }
}